<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="博客，YuiKo牛逼，Yuiko">
    <meta name="Description" content="YuiKo学习记录">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人博客</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
     
    <div class="web">
        <header>
            <img src="./img/a.jpg" alt="head">
        </header>
        <!--  头部S -->
        <nav>
            <ul>
               
                <li><a href="">链接1</a></li>
                <li><a href="">链接2</a></li>
                <li><a href="">链接3</a></li>
                <li><a href="">链接4</a></li>
                <li><a href="">链接5</a></li>
                <li><a href="">链接6</a></li>
                <li><a href="">链接7</a></li>
            </ul>
        </nav>
        <section>
          <div>
            <div class="kilito">
                <img src="./img/3.jpg" alt="photo"><br>
            <p class="title"> 奥术大师发两个拉肯德基阿斯利康大</p>
            </div>
            
            <div 
            class="Asuna">
                   <img src="./img/4.jpg" alt="photo">
            <p class="title">阿打算打算发放阿斯顿撒多撒大所大嘎飒飒的</p>
                </div>
                 
            </div>
            <div class="YuiKo">
                    <div class="barsa">
                            <a href="#"><h2>介绍</h2> </a>
                        <p>我女里创造实打实大大是大事发生嘎嘎实打实</p>
                        <br>
                        <a href="#"><h2>内容</h2> </a>
                        <p>萨达所大所大撒所大所</p>
<br>
                       <a href="#"> <h2>简介</h2> </a>
                       <p>啊实打实的撒发发生</p>
                            
                            
                    </div>   
            </div>

        </section>
        
    </div>
</body>

</html>